<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>VUE混入-data冲突</title>
        <script type="text/javascript" src="https://unpkg.com/vue/dist/vue.js"></script>
    </head>
    <body>
        <div id="app">
            <span>{{code}}</span><br/>
            <span>{{name}}</span><br/>
            <span>{{age}}</span><br/>
        </div>
    </body>
    <script type="text/javascript">
        // 定义混入对象
        var mixObj = {
            data: {
                name: 'zhonghuajie-mixin',
                age: 30
            }
        };
        var vueObj = new Vue({
            el: '#app',
            mixins: [mixObj],
            data: {
                code: '081181001',
                name: 'zhonghuajie',
            }
        });
    </script>
</html>